<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../css_upload/layout.css" />
        <link rel="stylesheet" type="text/css" href="../css_upload/footer.css" />


        <style type="text/css">
            body{margin:0;padding:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;}
            ul,li{margin:0;padding:0;}
            ul{list-style:none;}
            #menu_zzjs_net{margin:10px;width:200px;overflow:hidden;float:left;}

            #menu_zzjs_net .add{background:url(../image_upload/open.png) -4px 3px no-repeat;}
            #menu_zzjs_net .ren{background:url(../image_upload/opened.png) -4px 3px no-repeat;}

            #menu_zzjs_net .two{padding-left:30px;display:none;}
        </style>
    </head>
    <body>

        <div ID="container">
            <div ID="header">
                <div ID="logo">
                </div>
                <div class="nav"> </div>
                <div id="menu">
                    <ul>
                        <li><a href="#">首页</a></li>
                        <li class="tiao"></li>
                        <li><a href="#">财务</a></li>
                        <li class="tiao"></li>
                        <li><a href="#">社会环境</a></li>
                        <li class="tiao"></li>
                        <li><a href="#">警告预警</a></li>
                        <li class="tiao"></li>
                        <li><a href="#">客户</a></li>
                        <li class="tiao"></li>
                        <li><a href="#">报表审核</a></li>
                        <li class="tiao"></li>
                        <li><a href="#">设置</a>
                    </ul>	
                </div>	
            </div>
            <div class="nav"> </div>
            <div id="main">
                <div id="left">
                    <ul id="menu_zzjs_net">
                        <li>
                            <label><a href="javascript:;">新能源</a></label>
                            <ul class="two">
                                <li>
                                    <label><a href="javascript:;">coin</a></label>
                                    <ul class="two">
                                        <li>
                                            <label><a href="javascript:;">财务</a></label>
                                            <ul class="two">

                                                <li><label><input type="hidden" value="123456"><a href="javascript:;"/>未审核</a></label></li>
                                                <li>
                                                    <label><input type="hidden" value="123456"><a href="javascript:;"/>已审核</a></label>
                                                </li>


                                            </ul>
                                        </li>
                                          <li>
                                            <label><a href="javascript:;">环境</a></label>
                                            <ul class="two">

                                                <li><label><input type="hidden" value="123456"><a href="javascript:;"/>未审核</a></label></li>
                                                <li>
                                                    <label><input type="hidden" value="123456"><a href="javascript:;"/>已审核</a></label>
                                                </li>


                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <label><a href="javascript:;">化工业</a></label>
                            <ul class="two">
                                <li>
                                    <label><a href="javascript:;">coin</a></label>
                                    <ul class="two">
                                        <li>
                                            <label><input type="hidden" value="123456"/><a href="javascript:;">环境报表</a></label>
                                            <ul class="two">
                                                <li><label><input type="hidden" value="123456"/><a href="table1.jsp" target="mainfra">未审核</a></label></li>
                                                <li>
                                                    <label><input type="hidden" value="123456"/><a href="javascript:;">已审核</a></label>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <label><input type="hidden" value="123456"/><a href="javascript:;">财务报表</a></label>
                                            <ul class="two">
                                                <li><label><input type="hidden" value="123456"/><a href="javascript:;">未审核</a></label></li>
                                                <li>
                                                    <label><input type="hidden" value="123456"/><a href="javascript:;">已审核</a></label>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <label><a href="javascript:;">石化</a></label>

                                </li>
                            </ul>
                        </li>
                        <li>
                            <label><a href="javascript:;">重金属</a></label>
                            <ul class="two">
                                <li>
                                    <label><a href="javascript:;">coin</a></label>
                                    <ul class="two">
                                        <li>
                                            <label><input type="hidden" value="123456"/><a href="javascript:;">环境报表</a></label>
                                            <ul class="two">
                                                <li><label><input type="hidden" value="123456"/><a href="javascript:;">未审核</a></label></li>
                                                <li>
                                                    <label><input type="hidden" value="123456"/><a href="javascript:;">已审核</a></label>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <label><input type="hidden" value="123456"/><a href="javascript:;">财务报表</a></label>
                                            <ul class="two">
                                                <li><label><input type="hidden" value="123456"/><a href="javascript:;">未审核</a></label></li>
                                                <li>
                                                    <label><input type="hidden" value="123456"/><a href="javascript:;">已审核</a></label>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <label><a href="C:\";target="_blank">石化</a></label>

                                </li>
                            </ul>
                        </li>
                    </ul>
                    <script type="text/javascript" >
                        function addEvent(el,name,fn){
                            if(el.addEventListener) return el.addEventListener(name,fn,false);
                            return el.attachEvent('on'+name,fn);
                        }
                        function nextnode(node){
                            if(!node)return ;
                            if(node.nodeType == 1)
                                return node;
                            if(node.nextSibling)
                                return nextnode(node.nextSibling);
                        }
                        function prevnode(node){
                            if(!node)return ;
                            if(node.nodeType == 1)
                                return node;
                            if(node.previousSibling)
                                return prevnode(node.previousSibling);
                        }
                        function parcheck(self,checked){
                            var par =  prevnode(self.parentNode.parentNode.parentNode.previousSibling),parspar;
                            if(par&&par.getElementsByTagName('input')[0]){
                                par.getElementsByTagName('input')[0].checked = checked;
                                parcheck(par.getElementsByTagName('input')[0],sibcheck(par.getElementsByTagName('input')[0]));
                            }
                        }
                        function sibcheck(self){
                            var sbi = self.parentNode.parentNode.parentNode.childNodes,n=0;
                            for(var i=0;i<sbi.length;i++){
                                if(sbi[i].nodeType != 1)
                                    n++;
                                else if(sbi[i].getElementsByTagName('input')[0].checked)
                                    n++;
                            }
                            return n==sbi.length?true:false;
                        }
                        addEvent(document.getElementById('menu_zzjs_net'),'click',function(e){
                            e = e||window.event;
                            var target = e.target||e.srcElement;
                            var tp = nextnode(target.parentNode.nextSibling);
                            switch(target.nodeName){
                                case 'A':
                                    if(tp&&tp.nodeName == 'UL'){
                                        if(tp.style.display != 'block' ){
                                            tp.style.display = 'block';
                                            prevnode(target.parentNode.previousSibling).className = 'ren'
                                        }else{
                                            tp.style.display = 'none';
                                            prevnode(target.parentNode.previousSibling).className = 'add'
                                        }
                                    }
                                    break;
                                case 'SPAN':
                                    var ap = nextnode(nextnode(target.nextSibling).nextSibling);
                                    if(ap.style.display != 'block' ){
                                        ap.style.display = 'block';
                                        target.className = 'ren'
                                    }else{
                                        ap.style.display = 'none';
                                        target.className = 'add'
                                    }
                                    break;
                                case 'INPUT':
                                    if(target.checked){
                                        if(tp){
                                            var hidden = tp.getElementsByTagName('input');
                                            for(var i=0;i<hidden.length;i++)
                                                hidden[i].checked = true;
                                        }
                                    }else{
                                        if(tp){
                                            var hidden = tp.getElementsByTagName('input');
                                            for(var i=0;i<hidden.length;i++)
                                                hidden[i].checked = false;
                                        }
                                    }
                                    parcheck(target,sibcheck(target));
                                    break;
                            }
                        });
                        window.onload = function(){
                            var labels = document.getElementById('menu_zzjs_net').getElementsByTagName('label');
                            for(var i=0;i<labels.length;i++){
                                var span = document.createElement('span');
                                span.style.cssText ='display:inline-block;height:18px;vertical-align:baseline;width:16px;cursor:pointer;';
                                span.innerHTML = ''
                                span.className = 'add';
                                if(nextnode(labels[i].nextSibling)&&nextnode(labels[i].nextSibling).nodeName == 'UL')
                                    labels[i].parentNode.insertBefore(span,labels[i]);
                                else
                                    labels[i].className = 'rem'
                            }
                        }
                    </script>
                </div>
                <div id="right">
                    <iframe style="height:100%;width:100%" name="mainfra" src="mainfra.html">

                    </iframe>
                </div>

                <div ID="footer">
                    <table id="footer-container" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
                        <tbody>
                            <tr>
                                <td>
                                    <table class="foot-links" border="0" cellpadding="0" cellspacing="0" width="100%">
                                        <tbody>
                                            <tr>
                                                <td><a href="http://www.citigroup.com/" target="_blank">Citigroup.com</a></td>
                                                <td><ul>
                                                        <li><a href="http://www.citi.com.cn/html/cn/about_us/citi_group.html">关于花旗</a></li>
                                                        <li><a href="http://www.citi.com.cn/html/cn/HR/HR.html" target="_blank">加入花旗</a></li>
                                                        <li><a href="https://www.citibank.com.cn/CNGCB/APPS/portal/loadPage.do?path=/info/det/atm_network.htm">分行位置</a></li>
                                                        <li><a href="http://www.citibank.com.cn/chinese/footer/sitemap.htm">网站导航</a></li>
                                                        <li><a href="http://www.citibank.com.cn/chinese/footer/privacy.htm">隐私保护</a></li>
                                                        <li><a href="http://www.citibank.com.cn/chinese/footer/terms.htm">条件与条款</a></li>
                                                    </ul>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                        <tbody>
                                            <tr>
                                                <td class="footer-logo"><img src="../image_upload/logo_footer.gif" alt="Citi" title="Citi"></td>
                                                <td class="foot-gray" align="right">沪ICP备05047918<br>
                                                    Copyright ? 2011 Citigroup Inc.</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </body>
</html>
